<div class="content" *ngIf="!data.analysing">
  <div class="content-card1">
    <div class="content-title">
      分析策略
    </div>
    <div class="content-body">
      <div class="content-body-first">
        <div class="body-title">
          生产策略分析
        </div>
        <div class="body-body">
          <d-checkbox-group [(ngModel)]="values2" [name]="'City'" [options]="options2" [direction]="'column'"
            [isShowTitle]="true">
          </d-checkbox-group>
        </div>
      </div>
      <div class="content-body-first">
        <div class="body-title">
          采购策略分析
        </div>
        <div class="body-body">
          <d-checkbox-group [(ngModel)]="values" [name]="'City'" [options]="options" [direction]="'column'"
            [isShowTitle]="true">
          </d-checkbox-group>
        </div>
      </div>
    </div>
  </div>
  <div class="content-card2">
    <div class="content-title">
      物料清单
    </div>
    <div class="content-body-table">
      <d-data-table [dataSource]="partDetail" [lazy]="true" [scrollable]="true" [fixHeader]="true" [maxHeight]="tableheight"
      [tableWidthConfig]="tableWidthConfig2" [tableOverflowType]="'auto'" [scrollable]="true"
      [resizeable]="true">
      <thead dTableHead>
        <tr dTableRow>
          <th dHeadCell *ngFor="let colOption of dataTableOptions2.columns">{{ colOption.header }}</th>
        </tr>
      </thead>
      <tbody dTableBody>
        <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
          <tr dTableRow>
            <td dTableCell>
              <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
            </td>
            <td dTableCell>
              <span>
              </span>
            </td>
            <td dTableCell>
              <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
            </td>
            <td dTableCell>
              <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
            </td>
            <td dTableCell>
              <span dTooltip [content]="rowItem.description">{{rowItem.description}}</span>
            </td>
            <td dTableCell>
              <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
            </td>
            <td dTableCell>
              <span dTooltip [content]="rowItem.quantity">{{rowItem.quantity}}</span>
            </td>
            <td dTableCell>
              <span dTooltip [content]="rowItem.sourceOrderNum">{{rowItem.sourceOrderNum}}</span>
            </td>
            <td dTableCell>
              <span dTooltip [content]="rowItem.note">{{rowItem.note}}</span>
            </td>
          </tr>
        </ng-template>
      </tbody>
    </d-data-table>
    </div>
  </div>
</div>
<div class="loading-backdrop" *ngIf="data.analysing">
  <div class="loading-spinner">
    <div class="spinner"></div>
    <p>正在分析...</p>
  </div>
</div>
